<template>
  <div class="group-text-box" :style="data.attr.style">{{data.attr.text}}</div>
</template>

<script setup>
	import { reactive, ref, onMounted } from 'vue'

	const emits = defineEmits(['change']);
	
	const props = defineProps({
		data: {
			type: Object,
			default: () => ({})
		}
	})

	const _d = reactive({

	})
	
	onMounted(() => {
	
	})
</script>
<style lang="scss" scoped>
.group-text-box {
	min-width: 50px;
	text-indent: 0;
	display: inline-block;
}
</style>